import Vue from 'vue'
import Router from 'vue-router'
import Main from './views/Main.vue'
import Home from './views/Home.vue'
import Articles from './views/Articles.vue'
import Heros from './views/Heros.vue'
Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      component: Main,
      children: [
        { path: '/', name: 'home', component: Home },
        { path: '/articles/:id', name: 'articles', component: Articles, props: true },
      ]
    },
    { path: '/heros/:id', name: 'heros', component: Heros, props: true }
  ]
})
